//侧边栏容器高度  vh高度为视口高度（100% of viewport height）
$elAsideHeight: 100vh;
//侧边栏背景颜色
$elAsidebg: #2b2f3a;
//header高度
$elHeaderHeight: 50px;

@mixin grid-center {
    /* 设置为grid布局 */
    display: grid;
    /* 垂直居中子元素 */
    align-items: center;
    /* 水平居中子元素 */
    justify-content: center;
}
@mixin grid-center-h {
    /* 设置为grid布局 */
    display: grid;
    /* 垂直居中子元素 */
    align-items: center;
}
@mixin grid-center-v {
    /* 设置为grid布局 */
    display: grid;
    /* 水平居中子元素 */
    justify-content: center;
}
@mixin flex-center {
    /* 指定为弹性布局 */
    display: flex;
    /* 弹性布局水平主轴居中对齐*/
    justify-content: center;
    /* 弹性布局垂直交叉轴居中对齐*/
    align-items: center;
}
@mixin flex-center-h {
    /* 指定为弹性布局 */
    display: flex;
    /* 弹性布局水平主轴居中对齐*/
    justify-content: center;
}
@mixin flex-center-v {
    /* 指定为弹性布局 */
    display: flex;

    /* 弹性布局垂直交叉轴居中对齐*/
    align-items: center;
}
@mixin border($border-width: 1px, $border-sytle: solid, $border-color: var(--el-border-color)) {
    border: $border-width $border-sytle $border-color;
}
